<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<%-- <link rel="stylesheet" href="${initParam.root}/jquery/themes/base/jquery.ui.all.css"> --%>
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

 
	<script src="${initParam.root}/jquery/ui/jquery.ui.core.js"></script>
	<script src="${initParam.root}/js/ui.ariaSorTable.js"></script>	
<style type="text/css">
 #container{
  width: 100%;
  border: 1px solid black; 
  margin-left: auto; 
  margin-right: auto; /* 좌우 여백 동일하게 하여 중앙 정렬 효과  */
 }
 #header{
  padding: 5px; /* 내용과 테두리 사이 간격 할당 */
  border-bottom: 1px solid black; 
 }

 #left{
  padding: 5px;
  height: 500px;
  width:15%;
  float: left;     
  border-right:1px solid black;
 }
#right{
  padding: 5px;
  height: 500px;
  width:15%;
  float: right;
  border-left: 1px solid black;
 }
 #main{
  margin: auto;
  padding: 5px;
  height:500px;
  float: none;
  /* border-left: 1px solid black; */
 }
 #footer{
  text-align:center;
  padding: 5px;
  border-top: 1px solid black;
  height: 20px;
  clear: both; /* float을 사용한 요소의 아래에 위치시키지 위해 float 속성 초기화시킴 */
 }
</style>
</head>
<body>
<div id="container">
	<div id="header"><tiles:insertAttribute name="header"/></div>
	<div id="left"><tiles:insertAttribute name="left"/></div>
	<%-- <div id="right"><tiles:insertAttribute name="right"/></div> --%>
	<div id="main"><tiles:insertAttribute name="main"/></div>
	<div id="footer"><tiles:insertAttribute name="footer"/></div>
</div>
</body>
</html>